<%@taglib prefix="sql" uri="http://java.sun.com/jsp/jstl/sql"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>

<!DOCTYPE html>
<html>
    <head itemscope itemtype="http://schema.org/WebPage">
        <link rel='shortcut icon' type='image/x-icon' href='/favicon.ico' />
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Neighborhoods, Condominiums and Villages | Rentpad.com.ph</title>
        <meta name="description" content="Browse our list of cities, neighborhoods, condominiums, apartments and villages with available rental properties." />
        <meta name="keywords" content="neighborhoods, condominiums, condos, apartments, villages" />
        
        <meta property="og:type" content="website"/>
        <meta property="og:site_name" content="Rentpad.com.ph"/>
        <meta property="og:url" content="${model.props.appPath}/places/all"/>
        <meta property="og:title" content="List of Condominiums, Apartments and Villages"/>
        <meta property="og:description" content="Browse our list of cities, condominiums, apartments and villages with available rental properties." />
        <meta property="og:image" content="${model.props.appPath}/img/rentpad-logo-1.png"/>

        <meta name="twitter:card" content="summary"/>
        <meta name="twitter:site" value="@rentpadph"/>
        <meta name="twitter:url" content="${model.props.appPath}/places/all"/>
        <meta name="twitter:title" content="List of Condominiums, Apartments and Villages"/>
        <meta name="twitter:description" content="Browse our list of cities, condominiums, apartments and villages with available rental properties."/>
        <meta name="twitter:image" content="${model.props.appPath}/img/rentpad-logo-1.png"/>
        
        <meta itemprop="name" content="List of Condominiums, Apartments and Villages"/>
        <meta itemprop="description" content="Browse our list of cities, condominiums, apartments and villages with available rental properties."/>
        <meta itemprop="keywords" content="condominiums, condos, apartments, villages" />
        <meta itemprop="image" content="${model.props.appPath}/img/rentpad-logo-1.png"/> 

        <style>
            a {color:#404042;text-decoration:none;}      /* unvisited link */
            a:visited {color:#404042;}  /* visited link */
            a:hover {color:#404042;}  /* mouse over link */
            a:active {color:#404042;}  /* selected link */

            @font-face
            {
            font-family: avant;
            src: url('${model.props.appPath}/fonts/avangmi-webfont.ttf');
            }
            -webkit-overflow-scrolling: touch; 
            
            .view-tile-float-wrap {
                /* 816 = <number of floats> * (<float width> + 2 * <float border width>) */
                width:1070px;
                border:0px solid;
                /* causes .float-wrap's height to match its child divs */
                overflow:auto;
            }
            .view-tile-left-floater {
                width:330px;
                border:0px solid;    
                float:left;
                margin-left: 20px;
                margin-top: 40px;
                background-color:#ffffff;
            }
            .view-tile-outer {
                overflow-x: hidden;   
            }

            .view-list-float-wrap {
                /* 816 = <number of floats> * (<float width> + 2 * <float border width>) */
                width:1000px;
                border:0px solid;
                /* causes .float-wrap's height to match its child divs */
                overflow: hidden;
            }
            .view-list-left-floater {
                width:210px;
                border:0px solid;    
                float:left;
                margin-left: 20px;
                margin-top: 20px;
                background-color:#F5F2F3;
            }
            .view-list-outer {
                overflow-x: hidden;   
            }
            .listing-photo-holder{
                border: 0px solid black;
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                border-radius: 5px;                  
            }
            .search-panel-holder{
                border: 0px solid black;
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                border-radius: 5px;                  
            }            
            .select-panel-holder{
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                border-radius: 5px;                  
            }
        </style>

        <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&libraries=places"></script>
        <script type="text/javascript" src="${model.props.appPath}/js/jquery/jquery-1.9.1.min.js"></script>
        <script type="text/javascript" src="${model.props.appPath}/js/jquery/jquery-1.10.3-ui.min.js"></script> 
        <script type="text/javascript" src="${model.props.appPath}/js/token/jquery.tokeninput.js"></script> 
         
        <script type="text/javascript">
            $(function() {
                $("#table-cities tr:even").css("background-color", "#ececec");
                $("#table-condominiums tr:even").css("background-color", "#ececec");
                $("#table-villages tr:even").css("background-color", "#ececec");
            });                 
        </script>
        
        <script>
            (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
            })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
            ga('create', 'UA-44197833-1', 'rentpad.com.ph');
            ga('send', 'pageview');
        </script>
    </head>


    <body style="text-align: center; background-color: #FAFAFA; color: #404042; font-family: avant, Century Gothic, Calibri, Verdana; padding: 0px; margin: 0px;" >

        <div style="margin-top: 0px; background-color: white;">

            <%@include file="header.jsp" %>

            <div style="width: 100%; text-align: left; font-family: avant, Century Gothic, Calibri, Verdana; color: #404042; background-color: white; background: url('${model.props.appPath}/img/content-bg-short.jpg'); background-repeat: repeat-x; display: block; position: relative; top: -2px;">

                <br>                  

                <div style="width: 1020px; margin-top: 10px; margin: 0 auto;">
                                                    
                    <h1>&nbsp;Rentpad Places <span style="font-size: 15px;">&nbsp;&nbsp;(Find your next home from our list of condominiums, villages, neighborhoods and cities)</span></h1> 
                    
                    <h2>&nbsp;Cities</h2>
                    <hr>
                    <table id="table-cities" style="width:100%; font-size: 13px;" border="0" cellpadding="8" cellspacing="8">
                        <c:forEach items="${model.cities}" var="place">
                            <tr itemscope itemtype="http://schema.org/ApartmentComplex">                                
                                <td width="250px"><a itemprop="name" href="${model.props.appPath}/places/${fn:replace(fn:toLowerCase(place.title), ' ', '-')}/${place.id}" style="color:#369;">${place.title}</a></td>
                                <td>
                                    <div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
                                        <span itemprop="streetAddress">${place.street}</span> 
                                        <span itemprop="addressLocality">${place.displayCity}</span>
                                        <span itemprop="addressRegion">${place.region}</span>
                                        <span itemprop="addressCountry">${place.country}</span> 
                                    </div>
                                    <div itemprop="geo" itemscope itemtype="http://schema.org/GeoCoordinates">
                                        <meta itemprop="latitude" content="${place.lat}" />
                                        <meta itemprop="longitude" content="${place.lng}" />
                                    </div>
                                    <c:if test="${not empty place.wikiURL}">
                                        <meta itemprop="sameAs" content="${place.wikiURL}"/>  
                                    </c:if>
                                    <meta itemprop="url" content="${model.props.appPath}/places/${fn:replace(fn:toLowerCase(place.title), ' ', '-')}/${model.place.id}"/>                                                 
                                </td>                                
                            </tr>
                        </c:forEach>
                    </table>
                    
                    <br>
                    <h2>&nbsp;Condominiums</h2>
                    <hr>
                    <table id="table-condominiums" style="width:100%; font-size: 13px;" border="0" cellpadding="8" cellspacing="8">
                        <c:forEach items="${model.buildings}" var="place">
                            <tr itemscope itemtype="http://schema.org/ApartmentComplex">                                
                                <td width="250px"><a itemprop="name" href="${model.props.appPath}/places/${fn:replace(fn:toLowerCase(place.title), ' ', '-')}/${place.id}" style="color:#369;">${place.title}</a></td>
                                <td>
                                    <div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
                                        <span itemprop="streetAddress">${place.street}</span> 
                                        <span itemprop="addressLocality">${place.displayCity}</span>
                                        <span itemprop="addressRegion">${place.region}</span>
                                        <span itemprop="addressCountry">${place.country}</span> 
                                    </div>
                                    <div itemprop="geo" itemscope itemtype="http://schema.org/GeoCoordinates">
                                        <meta itemprop="latitude" content="${place.lat}" />
                                        <meta itemprop="longitude" content="${place.lng}" />
                                    </div>
                                    <c:if test="${not empty place.wikiURL}">
                                        <meta itemprop="sameAs" content="${place.wikiURL}"/>  
                                    </c:if>
                                    <meta itemprop="url" content="${model.props.appPath}/places/${fn:replace(fn:toLowerCase(place.title), ' ', '-')}/${model.place.id}"/>                                                 
                                </td>                                
                            </tr>
                        </c:forEach>
                    </table>

                    <h2>&nbsp;Villages</h2>
                    <hr>

                    <table id="table-villages" style="width:100%; font-size: 13px;" border="0" cellpadding="8" cellspacing="8">
                        <c:forEach items="${model.villages}" var="place">
                            <tr itemscope itemtype="http://schema.org/GatedResidenceCommunity">
                                <td width="250px">
                                    <a itemprop="name" href="${model.props.appPath}/places/${fn:replace( fn:toLowerCase(place.title), ' ', '-')}/${place.id}" style="color:#369;">${place.title}</a>
                                </td>
                                <td>
                                    <div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
                                        <span itemprop="streetAddress">${place.street}</span> 
                                        <span itemprop="addressLocality">${place.displayCity}</span>
                                        <span itemprop="addressRegion">${place.region}</span>
                                        <span itemprop="addressCountry">${place.country}</span> 
                                    </div>
                                    <div itemprop="geo" itemscope itemtype="http://schema.org/GeoCoordinates">
                                        <meta itemprop="latitude" content="${place.lat}" />
                                        <meta itemprop="longitude" content="${place.lng}" />
                                    </div>
                                    <c:if test="${not empty place.wikiURL}">
                                        <meta itemprop="sameAs" content="${place.wikiURL}"/>  
                                    </c:if>
                                    <meta itemprop="url" content="${model.props.appPath}/places/${fn:replace(fn:toLowerCase(place.title), ' ', '-')}/${model.place.id}"/> 
                                </td>                                
                            </tr>
                        </c:forEach>
                    </table>
                    
                    <br><br>

                </div>
                
                <br><br>                

            </div>

            <%@include file="footer.jsp" %>

        </div>

    </body>


</html>
